<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/pageLogin.css">
</head>
<body>
    @@include('./common/navbar.html')
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.min.js"></script>    
    <script src="./js/login.js"></script>
    <div id="main">
        <div class="login-wrap">
            <div id="signin" class="rl-modal">
                <div class="rl-modal-header">
                    <h1> <span id="toLogin" class="active-title">登录</span> <span data-fromto="signin:signup" id="toRegister"
                            class="xa-showSignup">注册</span> </h1>
                </div>
                <div class="rl-modal-body js-loginWrap">
                    <div class="clearfix">
                        <form id="signup-form" autocomplete="off">
                            <div class="rlf-group pr"> <input type="text" value="" maxlength="37" name="email"
                                    data-validate="require-mobile-phone" autocomplete="off"
                                    class="xa-emailOrPhone ipt ipt-email js-own-name" placeholder="请输入登录手机号/邮箱">
                                <ul class="autoul" style="display: none;">
                                    <li data-key="0" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">qq.com</span></li>
                                    <li data-key="1" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">163.com</span></li>
                                    <li data-key="2" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">126.com</span></li>
                                    <li data-key="3" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">gmail.com</span></li>
                                    <li data-key="4" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">sina.com</span></li>
                                    <li data-key="5" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">aliyun.com</span></li>
                                    <li data-key="6" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">hotmail.com</span></li>
                                    <li data-key="7" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">sohu.com</span></li>
                                    <li data-key="8" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">vip.126.com</span></li>
                                    <li data-key="9" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">vip.163.com</span></li>
                                    <li data-key="10" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">vip.qq.com</span></li>
                                    <li data-key="11" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">vip.sina.com</span></li>
                                    <li data-key="12" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">sina.cn</span></li>
                                    <li data-key="13" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">vip.163.com</span></li>
                                    <li data-key="14" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">msn.com</span></li>
                                    <li data-key="15" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">outlook.com</span></li>
                                    <li data-key="16" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">live.com</span></li>
                                    <li data-key="17" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">live.cn</span></li>
                                    <li data-key="18" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">yahoo.com.cn</span></li>
                                    <li data-key="19" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">yahoo.cn</span></li>
                                    <li data-key="20" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">yahoo.com.tw</span></li>
                                    <li data-key="21" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">21cn.com</span></li>
                                    <li data-key="22" class="autoli"><span class="ex"></span><span
                                            class="at">@</span><span class="step">tom.com</span></li>
                                </ul>
                                <p class="rlf-tip-wrap errorHint color-red" data-error-hint="请输入正确的邮箱或手机号"></p>
                            </div>
                            <div class="rlf-group  pr"> <a href="javascript:void(0)" hidefocus="true"
                                    class="proclaim-btn js-proclaim imv2-visibility_off is-pwd" tabindex="-1"></a>
                                <input type="password" name="password" data-validate="require-password"
                                    class="ipt ipt-pwd js-loginPassword js-pass-pwd" placeholder="请输入密码" maxlength="20"
                                    autocomplete="off">
                                <p class="rlf-tip-wrap errorHint color-red "></p>
                            </div>
                            <div class="rlf-group clearfix form-control js-verify-row" style="display: none;"> <input
                                    type="text" name="verify" class="ipt ipt-verify l" data-validate="require-string"
                                    data-callback="checkverity" maxlength="4" data-minlength="4" placeholder="请输入验证码">
                                <a href="javascript:void(0)" hidefocus="true"
                                    class="verify-img-wrap js-verify-refresh"></a> <a href="javascript:void(0)"
                                    hidefocus="true" class="icon-refresh js-verify-refresh"></a>
                                <p class="rlf-tip-wrap errorHint color-red" data-error-hint="请输入正确验证码"></p>
                            </div>
                            <div class="rlf-group rlf-appendix form-control  clearfix"> <label for="auto-signin"
                                    class="rlf-autoin l" hidefocus="true"><input type="checkbox" checked="checked"
                                        class="auto-cbx" id="auto-signin">7天内自动登录</label> <a href="/user/newforgot"
                                    class="rlf-forget r" target="_blank" hidefocus="true">找回密码</a> </div>
                            <p class="rlf-tip-globle color-red" id="signin-globle-error"></p>
                            <div class="rlf-group clearfix"> <input type="button" value="登录" hidefocus="true" id="loginBtn"
                                    class="moco-btn moco-btn-red moco-btn-lg btn-full xa-login"> </div>
                        </form>
                    </div>
                </div>
                <div class="rl-model-footer">
                    <div class="pop-login-sns clearfix"> <span class="l rlf-other xa-showPhoneSignin">手机短信登录</span> <a
                            href="javascript:void(0)" hidefocus="true" data-login-sns="/passport/user/tplogin?tp=weibo"
                            class="pop-sns-weibo l"><i class="imv2-weibo"></i></a> <a href="javascript:void(0)"
                            hidefocus="true" data-login-sns="/passport/user/tplogin?tp=weixin"
                            class="pop-sns-weixin l"><i class="imv2-weixin"></i></a> <a href="javascript:void(0)"
                            hidefocus="true" data-login-sns="/passport/user/tplogin?tp=qq" class="pop-sns-qq l"><i
                                class="imv2-qq"></i></a> </div>
                    <div class="erweima xa-showQrcode"></div>
                </div>
            </div>
        </div>
    </div>
    @@include('./common/footer.html')
</body>

</html>